<extend name="Common:sysTemplate" />
<block name="content"><li>
    <a href="{:U('Access/addNode')}">+添加节点</a>
</li>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="table_list">
    <thead>
        <tr>
            <td>ID</td>
            <td>
                节点结构 <b title="单击分类隐藏/显示该分类下在子类">[i]</b>
            </td>
            <td>名称</td>
            <td>显示名</td>
            <td>排序名称</td>
            <td>类型</td>
            <td>状态</td>
            <td>操作</td>
        </tr>
    </thead>
    <volist name="list" id="vo" key="k">
        <tr align="center" id="{$vo.id}" pid="{$vo.pid}">
            <td>{$vo.id}</td>
            <td align="left" class="tree" style="cursor: pointer;">{$vo.fullname}</td>
            <td>{$vo.name}</td>
            <td>{$vo.title}</td>
            <td edit="0" fd="sort">{$vo.sort}</td>
            <td>{$vo.level}</td>
            <td>{$vo.statusTxt}</td>
            <td class="op">
                <a href="javascript:void(0);" class="opStatus" val="{$vo.status}">{$vo.chStatusTxt}</a>
                <a href="__URL__/editNode?id={$vo.id}" class="edit">编辑</a>
                <a href="javascript:void(0);" class="delthis">删除</a>
            </td>
        </tr>
    </volist>
</table>
</block>
<block name="footjs"><script type="text/javascript">
$(function(){
    $(".table_list>tbody>tr:odd").addClass('dbl');

    $('.table_list>tbody>tr').hover(function () {
        if (!$(this).hasClass('ol')) {
            $(this).addClass('dbh');
        }
    }, function () {
        if (!$(this).hasClass('ol')) {
            $(this).removeClass('dbh');
        }
    })
    // 显示该分类下在子类
    var chn=function(cid,op){
        if(op=="show"){
            $("tr[pid='"+cid+"']").each(function(){
                $(this).removeAttr("status").show();
                chn($(this).attr("id"),"show");
            });
        }else{
            $("tr[pid='"+cid+"']").each(function(){
                $(this).attr("status",1).hide();
                chn($(this).attr("id"),"hide");
            });
        }
    }
    $(".tree").click(function(){
        if($(this).attr("status")!=1){
            chn($(this).parent().attr("id"),"hide");
            $(this).attr("status",1);
        }else{
            chn($(this).parent().attr("id"),"show");
            $(this).removeAttr("status");
        }
    });

    //快捷改变操作排序dblclick
    $("tbody>tr>td[fd]").click(function(){
        var inval = $(this).html();
        var infd = $(this).attr("fd");
        var inid =  $(this).parents("tr").attr("id");
        if($(this).attr('edit')==0){
            $(this).attr('edit','1').html("<input class='input' size='5' id='edit_"+infd+"_"+inid+"' value='"+inval+"' />").find("input").select();
        }
        $("#edit_"+infd+"_"+inid).focus().bind("blur",function(){
            var editval = $(this).val();
            $(this).parents("td").html(editval).attr('edit','0');
            if(inval!=editval){
                $.post("__URL__/opSort",{id:inid,fd:infd,sort:editval});
            }
        })
    });
    //快捷启用禁用操作
    $(".opStatus").click(function(){
        var obj=$(this);
        var id=$(this).parents("tr").attr("id");
        var status=$(this).attr("val");
        $.getJSON("__URL__/opNodeStatus", { id:id, status:status }, function(json){
            if(json.status==1){
                $.jBox.tip(json.info);
                $(obj).attr("val",json.data.status).html(status==1?"启用":"禁用").parents("td").prev().html(status==1?"禁用":"√");
            }else{
                $.jBox.tip(json.info);
            }
        });
    });
    //删除
    $(".delthis").click(function(){
        var obj=$(this);
        $.jBox.confirm("确定删除吗？", "提示", function(v, h, f){
            var id=$(obj).parents("tr").attr("id");
            if (v == 'ok') {
                $.getJSON("__URL__/delNode", { id:id}, function(json){
                    if(json.status==1){
                        $.jBox.tip(json.info);
                        $(obj).parents("tr").remove();
                    }else{
                        $.jBox.tip(json.info);
                    }
                });
            }
        });
        
        
    });
})
</script></block>